<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Visibility="Collapsed">
  <Canvas.Background>
    <SolidColorBrush Color="Blue" />
  </Canvas.Background>
  <Rectangle Name="background" RadiusX="8" RadiusY="8" Fill="#202020"/>
  <Canvas Name="content" Canvas.Left="8" Canvas.Top="8" Background="Black">
    <Canvas.Clip>
      <RectangleGeometry Name="contentClip" RadiusX="8" RadiusY="8" />
    </Canvas.Clip>
    <Canvas Name="captionPane" Canvas.ZIndex="1" Background="Black" Visibility="Visible">
      <Canvas.Clip>
        <RectangleGeometry Name="captionPaneClip"/>
      </Canvas.Clip>
      <Canvas.Resources>
        <Storyboard Name="captionStoryboard">
          <DoubleAnimation Name="captionAnimation"
            Storyboard.TargetName="captionPane"
            Storyboard.TargetProperty="Opacity"
            Duration="0:0:0.4"
            From="0"
            To=".7"/>
        </Storyboard>
      </Canvas.Resources>
      <TextBlock Name="caption" Canvas.Left="2" Canvas.Top="2" FontFamily="Verdana" FontSize="11" Foreground="White" TextWrapping="Wrap" />
    </Canvas>
  </Canvas>
  <Canvas Name="thumbnails" Canvas.Left="8" Height="48" Visibility="Collapsed" />
  <Canvas Name="trackerPane" Canvas.Left="8" Canvas.Top="-100" Visibility="Collapsed" >
    <TextBlock Name="tracker" Canvas.Top="3" FontFamily="Verdana" FontSize="10" Foreground="Silver"></TextBlock>
  </Canvas>
  <Canvas Name="buttonPane" Width="172" Visibility="Collapsed">
    <Canvas Name="buttonPrevPage" Canvas.Left="-58" Opacity="0.5" Cursor="Hand" MouseEnter="button_MouseEnter" MouseLeave="button_MouseLeave">
      <Rectangle Width="20" Height="20" Stroke="White" StrokeThickness="1" RadiusX="2" RadiusY="2" Fill="Black"/>
      <Path Stroke="White" StrokeThickness="1"  StrokeLineJoin="Round" Fill="White" Data="M8.5,6.5 L4.5,10.5 L8.5,14.5 Z M14.5,6.5 L10.5,10.5 L14.5,14.5 Z" />
    </Canvas>
    <Canvas Name="buttonPrev" Canvas.Left="-34" Opacity="0.5" Cursor="Hand" MouseEnter="button_MouseEnter" MouseLeave="button_MouseLeave">
      <Rectangle Width="20" Height="20" Stroke="White" StrokeThickness="1" RadiusX="2" RadiusY="2" Fill="Black"/>
      <Path Stroke="White" StrokeThickness="1"  StrokeLineJoin="Round" Fill="White" Data="M11.5,6.5 L7.5,10.5 L11.5,14.5 Z" />
    </Canvas>
    <Canvas Name="buttonPause" Canvas.Left="-10" Opacity="0.5" Cursor="Hand" MouseEnter="button_MouseEnter" MouseLeave="button_MouseLeave">
      <Rectangle Width="20" Height="20" Stroke="White" StrokeThickness="1" RadiusX="2" RadiusY="2" Fill="Black"/>
      <Path Stroke="White" StrokeThickness="2" Fill="White" Data="M8,6 v9 M12,6 v9" />
    </Canvas>
    <Canvas Name="buttonPlay" Canvas.Left="-10" Opacity="0.5" Cursor="Hand" Visibility="Collapsed" MouseEnter="button_MouseEnter" MouseLeave="button_MouseLeave">
      <Canvas.Resources>
        <Storyboard Name="playStoryboard" AutoReverse="True" RepeatBehavior="Forever" Duration="0:0:0.7">
          <DoubleAnimation
            Storyboard.TargetName="buttonPlay"
            Storyboard.TargetProperty="Opacity"
            Duration="0:0:0.5"
            From="0"
            To="0.5"/>
        </Storyboard>
      </Canvas.Resources>
      <Rectangle Width="20" Height="20" Stroke="White" StrokeThickness="1" RadiusX="2" RadiusY="2" Fill="Black"/>
      <Path Stroke="LightGreen" StrokeThickness="2" Data="M7,6 v9" />
      <Path Stroke="LightGreen" StrokeThickness="1" StrokeLineJoin="Round" Fill="LightGreen" Data="M10.5,6.5 L14.5,10.5 L10.5,14.5 Z" />
    </Canvas>
    <Canvas Name="buttonNext" Canvas.Left="14" Opacity="0.5" Cursor="Hand" MouseEnter="button_MouseEnter" MouseLeave="button_MouseLeave">
      <Rectangle Width="20" Height="20" Stroke="White" StrokeThickness="1" RadiusX="2" RadiusY="2" Fill="Black"/>
      <Path Stroke="White" StrokeThickness="1" StrokeLineJoin="Round" Fill="White" Data="M8.5,6.5 L12.5,10.5 L8.5,14.5 Z" />
    </Canvas>
    <Canvas Name="buttonNextPage" Canvas.Left="38" Opacity="0.5" Cursor="Hand" MouseEnter="button_MouseEnter" MouseLeave="button_MouseLeave">
      <Rectangle Width="20" Height="20" Stroke="White" StrokeThickness="1" RadiusX="2" RadiusY="2" Fill="Black"/>
      <Path Stroke="White" StrokeThickness="1" StrokeLineJoin="Round" Fill="White" Data="M5.5,6.5 L9.5,10.5 L5.5,14.5 Z M11.5,6.5 L15.5,10.5 L11.5,14.5 Z" />
    </Canvas>
    <Canvas Name="buttonFullScreen" Canvas.Left="66" Opacity="0.5" Cursor="Hand" MouseEnter="button_MouseEnter" MouseLeave="button_MouseLeave">
      <Rectangle Width="20" Height="20" Stroke="White" StrokeThickness="1" RadiusX="2" RadiusY="2" Fill="Black"/>
      <Path Stroke="White" StrokeThickness="1" StrokeDashArray="1,2" Data="M3.5,3.5 h13 v13 h-13 v-13"/>
      <Path Stroke="White" StrokeThickness="1" Data="M3.5,3.5 h7 v6 h-7 v-6 M11,11 l3,3 M12,14.5 h3 M14.5,12 v3"/>
    </Canvas>
    <Canvas Name="buttonResize" Canvas.Left="66" Opacity="0.5" Cursor="Hand" Visibility="Collapsed" MouseEnter="button_MouseEnter" MouseLeave="button_MouseLeave">
      <Rectangle Width="20" Height="20" Stroke="White" StrokeThickness="1" RadiusX="2" RadiusY="2" Fill="Black"/>
      <Rectangle Canvas.Left="3" Canvas.Top="3" Width="14" Height="14" Stroke="White" StrokeThickness="1"/>
      <Rectangle Canvas.Left="3" Canvas.Top="3" Width="8" Height="7" Stroke="White" StrokeThickness="1" StrokeDashArray="1,2"/>
      <Path Stroke="White" StrokeThickness="1" Data="M12,12 l3,3 M11,11.5 h3 M11.5,11 v3"/>
    </Canvas>
    <Canvas Name="buttonSave" Canvas.Left="90" Opacity="0.5" Cursor="Hand" MouseEnter="button_MouseEnter" MouseLeave="button_MouseLeave">
      <Rectangle Width="20" Height="20" Stroke="White" StrokeThickness="1" RadiusX="2" RadiusY="2" Fill="Black"/>
      <Path Stroke="White" StrokeThickness="1" Data="M3.5,16 v-12.5 h13 v13 h-12.5 M5.5,3.5 v7 h9 v-7 M7.5,16.5 v-4 h5 v4"/>
      <Path Fill="White" Data="M9,16.5 v-4 h4 v4"/>
    </Canvas>
    <!--Canvas Name="buttonAdd" Canvas.Left="300" Opacity="0.5" Cursor="Hand" MouseEnter="button_MouseEnter" MouseLeave="button_MouseLeave">
      <Rectangle Width="60" Height="20" Stroke="White" StrokeThickness="1" RadiusX="2" RadiusY="2" Fill="Black"/>
      <TextBlock Width="50" Height="15" Text="Upload" Foreground="White" />
    </Canvas-->
  </Canvas>
  <Canvas Name="buttonEditPane" Width="172" Visibility="Collapsed">
    <!--Canvas Name="buttonAdd" Canvas.Left="90" Opacity="0.5" Cursor="Hand" MouseEnter="button_MouseEnter" MouseLeave="button_MouseLeave">
      <Rectangle Width="20" Height="20" Stroke="White" StrokeThickness="1" RadiusX="2" RadiusY="2" Fill="Black"/>
      <Path Stroke="White" StrokeThickness="1" Data="M3.5,16 v-12.5 h13 v13 h-12.5 M5.5,3.5 v7 h9 v-7 M7.5,16.5 v-4 h5 v4"/>
      <Path Fill="White" Data="M9,16.5 v-4 h4 v4"/>
    </Canvas-->
  </Canvas>
  <Canvas Name="progressPane" Width="100" Height="12" Opacity="0">
    <Canvas.Resources>
      <Storyboard Name="progressIn">
        <DoubleAnimation
          Storyboard.TargetName="progressPane"
          Storyboard.TargetProperty="Opacity"
          To="0.5"
          Duration="0:0:0.5"
          />
      </Storyboard>
      <Storyboard Name="progressOut">
        <DoubleAnimation
          Storyboard.TargetName="progressPane"
          Storyboard.TargetProperty="Opacity"
          To="0.0"
          Duration="0:0:0.5"
          />
      </Storyboard>
    </Canvas.Resources>
    <Rectangle Width="100" Height="12" Stroke="White" Fill="Black" RadiusX="4" RadiusY="4"/>
    <Rectangle Name="progress" Width="0" Height="12" Fill="White" RadiusX="4" RadiusY="4"/>
  </Canvas>
  <Canvas Name="errorPane" Canvas.Top="100" />
</Canvas>